<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="description" content="基层社区监测防控平台大屏可视化系统" />
    <meta name="keywords" content="社区监测,防控平台,大屏可视化,数据监控" />
    <meta name="author" content="基层社区监测防控平台" />
    
    <!-- 预连接优化 -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    
    <!-- DNS 预解析 -->
    <link rel="dns-prefetch" href="//192.168.1.16" />
    
    <!-- 预加载关键资源 -->
    <link rel="preload" href="/src/main.js" as="script" />
    <link rel="preload" href="/src/styles/common.scss" as="style" />
    
    <!-- 关键 CSS 内联 -->
    <style>
      /* 首屏关键样式 */
      body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
      #app { width: 100vw; height: 100vh; overflow: hidden; }
      .loading { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 16px; color: #409eff; }
    </style>
    
    <title>基层社区监测防控平台</title>
  </head>
  <body>
    <!-- 首屏加载提示 -->
    <div id="app">
      <div class="loading">系统加载中...</div>
    </div>
    
    <!-- 应用入口 -->
    <script type="module" src="/src/main.js"></script>
    
    <!-- 性能监控 -->
    <script>
      // 性能监控
      window.addEventListener('load', () => {
        if ('performance' in window) {
          const perfData = performance.getEntriesByType('navigation')[0];
          console.log('页面加载时间:', perfData.loadEventEnd - perfData.loadEventStart, 'ms');
          console.log('DOM 解析时间:', perfData.domContentLoadedEventEnd - perfData.domContentLoadedEventStart, 'ms');
        }
      });
      
      // 错误监控
      window.addEventListener('error', (e) => {
        console.error('页面错误:', e.error);
      });
      
      // 未处理的 Promise 拒绝
      window.addEventListener('unhandledrejection', (e) => {
        console.error('未处理的 Promise 拒绝:', e.reason);
      });
    </script>
  </body>
</html>
